<template>
	<div class="stu" style="position: relative;">
		<topimg></topimg>
		<toptab :datext='datext' :shows='false'></toptab>
		<div style="width:1100px;height:945px;margin: 0 auto;padding-top:42px;">
			<div class="boxss">
				<div class="bos" v-for="(i,index) in $store.state.AGVxq"  @click="AGVxqc(index)">
					<img :src="i.url1" alt="">
					<div style="width: 100%;padding-top: 10px;text-align:left;">
						<p style="line-height:28px;font-size:16px;">{{i.title}}</p>
						<p class="ter">{{i.value1}}</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import topimg from '@/components/topimg.vue'
	import toptab from '@/components/toptab.vue'
	export default {
		name: 'stu',
		components: {
			topimg,
			toptab
		}, //声明子组件
		computed: {},
		data() {
			return {
				datext: {

					tetx1: '- AGV的基本介绍',
					text2: 'AGV是自动导引运输车(Automated Guided Vehicle) 的英文缩写。'
					},
				// data1: [{
				// 		src: '../../../img/cpzx/jssAGV.png',
				// 		text: 'AGV基本概况',
				// 		text2: 'AGV是自动导引运输车(Automated Guided Vehicle) 的英文缩写。是指装备有电磁或光学等自动导引装置，能够沿规定的导引路径...   '
				// 	},
				// 	{
				// 		src: '../../../img/cpzx/jssAGV.png',
				// 		text: 'AGV基本结构',
				// 		text2: '车载控制器、导航模块、电池模块、障碍物探测模块、报警模块、充电模块...  '
				// 	},
				// 	{
				// 		src: '../../../img/cpzx/jssAGV.png',
				// 		text: 'AGV主要类型',
				// 		text2: '导引方式：电磁导引、磁带导引、惯性导引、激光导引、视觉导引... '
				// 	},
				// ],

			}
		},
		methods: {
			AGVxqc(index) {
				this.$router.push({path:'/AGVxqc',query:{num:index}});
			}
		},
		mounted() {
            this.$store.state.indexof = 4;
		}
	}
</script>
<style scoped="scoped">
	.ter {
		width: 100%;
		font-size: 14px;
		color: #999999;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 22px;
	}

	.bos img {
		width: 100%;
		height: 203px;
	}

	.bos {
		width: 339px;
		height: 273px;
	}

	.boxss {
		width:100%;
		height:611px;
		display:grid;
		grid-template-columns: repeat(3, 1fr); /* 相当于 1fr 1fr 1fr */
		grid-template-rows: repeat(2, 1fr); /* fr单位可以将容器分为几等份 */
		grid-gap:2.1%; /* grid-column-gap 和 grid-row-gap的简写 */
		grid-auto-flow: row;
		padding: 0 20px;
	}
</style>
